<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <link rel="stylesheet" href="/css/goodslist.css">
   <link rel="stylesheet" href="/libs/font/iconfont.css">
   <title>Meitu手机商品详情页</title>
</head>
<body>
   <header></header>
   <div class="sort">
      <span id="price" class="price">通过价格排序</span>
      <span id="letter" class="letter">通过销量排序</span>
   </div>
   
   <main id="goodsList">
      <!-- <div>
         <p></p>
      </div> -->
   </main>
   <script type="text/html" id="goodsTemplate">
      {{each list item}}
      <div class="div-box"><img src="{{item.image}}">
         <div>
         <span>{{item.title}}<br/></span>
         <p>惊爆价：$ <span>{{item.price}}</span></p>
         <p>已售完：{{item.saleNum}}件</p>
         <a href="/html/detail.html?id={{item.id}}">
            <i class="iconfont icon-saoyisao"></i>详细信息立即了解>>
         </a>
      </div>
      </div>
      {{/each}}
   </script>
   <footer></footer>
</body>
<script src="/libs/requirejs/require.min.js" data-main="/js/goodslist"></script>
</html>